简介:Sass又名SCSS,是CSS预处理器之一,它能让你更好的、更轻松的工作。这个系列教程是《sass基础篇》课程的进级,对Sass其它较有难度的部分进行讲解,包括常用控制命令、函数及规律。
第1章 Sass的控制命令
Sass中控制命令指的是@if、@each、@for和@while。具有一定的逻辑判断和循环遍历能力,这个对于懂JavaScript或者后端语言的同学来说一点都不难。但在CSS中是不可思议的一件事情,最起码到目前为止是不太可能的事情。但在Sass这样的CSS预处理器语言中实现了。
第2章 Sass的函数功能-字符串与数字函数
本章节讲解Sass字符串与数字函数。
第3章 Sass的函数功能-列表函数
本章节讲解Sass列表函数。
- 编程: 3-1 列表函数简介
- 编程: 3-2 length()函数
- 编程: 3-3 nth()函数
- 编程: 3-4 join()函数
- 编程: 3-5 append()函数
- 编程: 3-6 zip()函数
- 编程: 3-7 index()函数
- 编程: 3-8 Introspection函数
- 编程: 3-9 Introspection 函数 -type-of()
- 编程: 3-10 unit()函数
- 编程: 3-11 unitless()函数
- 编程: 3-12 comparable()函数
- 编程: 3-13 Miscellaneous函数
- 编程: 3-14 Map
- 编程: 3-15 Sass Maps的函数
- 编程: 3-16 Sass Maps的函数-map-get($map,$key)
- 编程: 3-17 Sass Maps的函数-map-has-key($map,$key)
- 编程: 3-18 Sass Maps的函数-map-keys($map)
- 编程: 3-19 Sass Maps的函数-map-values($map)、map-merge($map1,$map2)
- 编程: 3-20 Sass Maps的函数-map-remove($map,$key)、keywords($args)
第4章 Sass的函数功能-颜色函数
本章讲解Sass中自带的颜色函数。
- 编程: 4-1 RGB颜色函数-RGB()颜色函数
- 编程: 4-2 RGB颜色函数-RGBA()函数
- 编程: 4-3 RGB颜色函数-Red()、Green()、Blue()函数
- 编程: 4-4 RGB颜色函数-Mix()函数
- 编程: 4-5 HSL函数简介
- 编程: 4-6 HSL函数-lighten()
- 编程: 4-7 HSL函数-saturate()
- 编程: 4-8 HSL函数-adjust-hue()函数
- 编程: 4-9 HSL函数-grayscale()函数
- 编程: 4-10 Opacity函数简介
- 编程: 4-11 Opacity函数-alpha()、opacity()函数
- 编程: 4-12 Opacity函数-rgba()函数
- 编程: 4-13 Opacity函数-opacify()、fade-in()函数
- 编程: 4-14 Opacity函数-transparentize()、 fade-out()函数
- 编程: 4-15 颜色函数实战——七色卡
第5章 Sass 的 @ 规则
Sass 支持所有 CSS3 的 @ 规则, 以及一些 Sass 专属的规则,也被称为“指令(directives)”。 这些规则在 Sass 中具有不同的功效。这一章就为大家讲解。